Skip to content

design:워크스페이스 UI 타이포그래피 통일(#88) - #89

Merged
seongjinss555 merged 1 commit into
developfrom
design/#88/workspace-typography
Jul 23, 2026
Merged

design:워크스페이스 UI 타이포그래피 통일(#88)#89
seongjinss555 merged 1 commit into
developfrom
design/#88/workspace-typography

Conversation

@seongjinss555

@seongjinss555 seongjinss555 commented Jul 22, 2026 •
edited by coderabbitai Bot
Loading

Copy link
Copy Markdown
Contributor

Pull Request

작업 내용

  • 워크스페이스 내부 화면의 기본 폰트를 Inter로 통일했습니다.
  • 공통 페이지·제목·설명·섹션·카드·캡션 스타일을 추가하고, 개별 화면에 적용했습니다.
  • 업무 화면에 남아 있던 음수 자간과 과도한 임의 텍스트 크기를 정리했습니다.

작업 결과

  • 공지, 자료실, 업무 스케줄, 채팅, 회의록, 캘린더, 프로젝트 관리, 스프린트/진행률, 설정 화면이 동일한 타이포그래피 기준을 사용합니다.
  • 랜딩과 초대 화면은 전환 화면의 기존 디자인을 유지하기 위해 범위에서 제외했습니다.

변경 사항

Added

  • workspace-page, workspace-page-title, workspace-page-description, workspace-section-title, workspace-card-title, workspace-caption 공통 스타일

Changed

  • 워크스페이스 내부 Plus Jakarta Sans 개별 적용 제거
  • 공통 페이지 폭과 제목·보조 텍스트 스케일 적용
  • 워크스페이스 범위의 음수 자간 제거

Fixed

  • 모듈별 폰트·자간·제목 크기·콘텐츠 폭이 달라 UI 밀도가 불균일했던 문제

실행화면

  • 스타일 정비 작업으로 별도 화면 캡처는 첨부하지 않았습니다.

테스트

  • 린트 확인 (npm run lint)
  • 타입 검사 확인 (npm run typecheck)
  • 프로덕션 빌드: .next/lock이 남아 정적 페이지 생성 전 중단되어 재확인 필요

리뷰 체크리스트

  • PR base branch가 올바릅니다. (feature/* -> develop, 배포 시 develop 또는 release/* -> main)
  • 브랜치명이 Type/#issue-number/description 형식을 따릅니다.
  • 커밋 메시지가 컨벤션을 따릅니다.
  • 불필요한 console.log, 주석, 임시 코드를 제거했습니다.
  • 타입 에러와 린트 에러를 확인했습니다.
  • CodeRabbit 1차 리뷰를 확인했습니다.
  • CodeRabbit 리뷰 반영 후 Discord에 공유했습니다.
  • 최소 1명 이상의 approve 후 merge합니다.

리뷰 요청사항

  • 워크스페이스 내부 페이지·위젯의 제목 및 본문 밀도가 일관되게 보이는지 확인 부탁드립니다.
  • 랜딩/초대 화면을 범위에서 제외한 판단이 적절한지 확인 부탁드립니다.

관련 이슈

Closes #88

Summary by CodeRabbit

  • 스타일
    • 워크스페이스 전반에 공통 페이지·헤더·제목·설명 스타일을 적용해 화면 간 시각적 일관성을 높였습니다.
    • 캘린더, 회의록, 작업 보드, 진행률 차트, 설정 등 주요 화면의 글꼴 크기·굵기·줄 간격·자간을 조정했습니다.
    • 페이지 헤더와 콘텐츠 영역의 정렬, 여백, 최대 너비를 개선했습니다.
    • 일부 화면에서 개별 폰트 적용을 정리해 보다 통일된 기본 타이포그래피를 사용합니다.
    • 빈 상태 및 요약 카드의 텍스트 표현도 새 기준에 맞게 조정했습니다.

@vercel

vercel Bot commented Jul 22, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
syncly Ready Ready Preview, Comment Jul 22, 2026 8:21am

@coderabbitai

coderabbitai Bot commented Jul 22, 2026 •
edited
Loading

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 73b09fdc-8af7-4de1-a357-b235645dde52

📥 Commits

Reviewing files that changed from the base of the PR and between ee3a15a and a01c493.

📒 Files selected for processing (26)
  • src/app/globals.css
  • src/entities/meeting-note/ui/MeetingNoteCard.tsx
  • src/entities/task/ui/TaskCard.tsx
  • src/features/manage-calendar/ui/CalendarView.tsx
  • src/features/manage-meeting-notes/ui/MeetingNoteForm.tsx
  • src/features/manage-meeting-notes/ui/MeetingNotesList.tsx
  • src/features/manage-progress-chart/ui/ProgressChartView.tsx
  • src/features/project-board/ui/ProjectBoard.tsx
  • src/views/chat/ui/ChatView.tsx
  • src/views/create-workspace/ui/CreateWorkspacePage.tsx
  • src/views/create-workspace/ui/TemplateSelectCard.tsx
  • src/views/meeting-notes/ui/EditMeetingNotePage.tsx
  • src/views/meeting-notes/ui/MeetingNotesPage.tsx
  • src/views/meeting-notes/ui/NewMeetingNotePage.tsx
  • src/views/progress-chart/ui/ProgressChartPage.tsx
  • src/views/project-management/ui/ProjectManagementPage.tsx
  • src/views/settings/ui/SettingsView.tsx
  • src/views/side-project/progress-chart/ui/ProgressChartView.tsx
  • src/views/side-project/sprint-board/ui/SprintBoardView.tsx
  • src/views/store-operation/notices/ui/NoticesView.tsx
  • src/views/store-operation/resources/ui/ResourcesView.tsx
  • src/views/store-operation/work-schedule/ui/WorkScheduleView.tsx
  • src/views/workspaces/ui/WorkspacesPage.tsx
  • src/widgets/team-project/dashboard-overall-progress/ui/OverallProgress.tsx
  • src/widgets/team-project/dashboard-work-summary/ui/WorkSummary.tsx
  • src/widgets/workspace-list/ui/EmptyWorkspaces.tsx
📝 Walkthrough

Walkthrough

워크스페이스 공통 타이포그래피 CSS를 추가하고, 여러 화면에서 개별 폰트 적용과 커스텀 자간·크기를 공통 클래스 및 표준 Tailwind 유틸리티로 변경했습니다. 데이터 흐름과 컴포넌트 공개 API는 유지됩니다.

Changes

워크스페이스 UI 스타일

Layer / File(s) Summary
공통 workspace 스타일
src/app/globals.css		 페이지, 헤더, 제목, 설명, 섹션, 카드, 캡션용 공통 CSS 클래스를 추가했습니다.
페이지 폰트 적용 정리
src/views/..., src/features/manage-calendar/ui/CalendarView.tsx		 여러 페이지 루트에서 Plus Jakarta Sans import, 설정 및 클래스 적용을 제거했습니다.
페이지 헤더 공통화
src/views/chat/..., src/views/store-operation/..., src/features/...		 페이지 제목과 설명 영역을 workspace-page* 및 workspace-section-title 클래스로 통일하고 일부 콘텐츠 폭을 조정했습니다.
카드와 위젯 타이포그래피
src/entities/..., src/widgets/..., src/features/manage-progress-chart/..., src/views/create-workspace/...		 카드, 진행률, 빈 상태, 템플릿 태그의 글꼴 크기·행간·자간을 표준 유틸리티로 변경했습니다.

Estimated code review effort: 2 (Simple) | ~15 minutes

Possibly related PRs

  • TeampleRun/syncly#10: 워크스페이스 페이지와 빈 상태 UI의 기반 구현을 같은 파일에서 수정합니다.
  • TeampleRun/syncly#12: WorkScheduleView의 기존 구현에 페이지 헤더 스타일을 후속 적용합니다.
  • TeampleRun/syncly#24: 회의록 컴포넌트 구현과 동일한 파일의 타이포그래피를 수정합니다.

Suggested reviewers: kwon812

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 3.70% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed 제목이 워크스페이스 UI 타이포그래피 통일이라는 주요 변경을 정확하고 간결하게 요약합니다.
Description check ✅ Passed 템플릿의 핵심 섹션과 요구 정보(작업 내용, 결과, 변경 사항, 테스트, 체크리스트, 이슈)가 대부분 포함되어 있습니다.
Linked Issues check ✅ Passed 워크스페이스 내부 폰트 통일, 공통 타이포그래피 적용, 음수 자간 정리 등 직접 이슈 #88의 요구사항을 충족합니다.
Out of Scope Changes check ✅ Passed 변경된 파일들은 모두 워크스페이스 타이포그래피 정비 범위에 속하며, 명확한 범위 이탈은 보이지 않습니다.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch design/#88/workspace-typography

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 Biome (2.5.3)
src/app/globals.css

File contains syntax errors that prevent linting: Line 7: Tailwind-specific syntax is disabled.; Line 9: Tailwind-specific syntax is disabled.; Line 34: Tailwind-specific syntax is disabled.; Line 149: Tailwind-specific syntax is disabled.; Line 152: Tailwind-specific syntax is disabled.; Line 159: Tailwind-specific syntax is disabled.; Line 165: Tailwind-specific syntax is disabled.; Line 169: Tailwind-specific syntax is disabled.; Line 173: Tailwind-specific syntax is disabled.; Line 177: Tailwind-specific syntax is disabled.; Line 181: Tailwind-specific syntax is disabled.; Line 185: Tailwind-specific syntax is disabled.; Line 189: Tailwind-specific syntax is disabled.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@JiWoongE
JiWoongE self-requested a review July 23, 2026 00:12
JiWoongE
JiWoongE approved these changes Jul 23, 2026
View reviewed changes

@JiWoongE JiWoongE left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다~

Kwon812
Kwon812 approved these changes Jul 23, 2026
View reviewed changes

@Kwon812 Kwon812 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다~

@seongjinss555
seongjinss555 merged commit 319bc13 into develop Jul 23, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@Kwon812 Kwon812 Kwon812 approved these changes
@JiWoongE JiWoongE JiWoongE approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

design:워크스페이스 UI 타이포그래피 통일

3 participants

@seongjinss555 @Kwon812 @JiWoongE